import { Flex, InputNumber as AntdInputNumber, Anchor, Radio as AntdRadio } from 'antd'
import { useState } from 'react'
export default function Common() {
	const [value, setValue] = useState(1)
	return (
		<Flex vertical gap={16}>
			<AntdInputNumber size="small" min={1} max={100000} defaultValue={1000} />
			<Anchor.Link href="#features" title="产品特色" />
			<AntdRadio.Group
				onChange={(e) => {
					setValue(e.target.value)
				}}
				value={value}>
				<AntdRadio value={1}>不限定预算</AntdRadio>
				<AntdRadio value={2}>
					<span>预算</span>
					<span className="radio-hint">
						当您预算范围内出现余额不足，则可能产生透支消费，欠款将在下次充值价款后自动扣除
					</span>
				</AntdRadio>
			</AntdRadio.Group>
		</Flex>
	)
}
